<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水平垂直无限下拉jQuery导航</title>
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    
</head>
<body>

<script language="javascript" type="text/javascript">
    $(function() {
        $("#webwidget_vertical_menu").webwidget_vertical_menu({
            menu_width: '160',
            menu_height: '25',
            menu_margin: '2',
            menu_text_size: '12',
            menu_text_color: '#CCC',
            menu_background_color: '#666',
            menu_border_size: '2',
            menu_border_color: '#000',
            menu_border_style: 'solid',
            menu_background_hover_color: '#999',
            directory: 'images'
        });
    });
</script>
<div id="webwidget_vertical_menu" class="webwidget_vertical_menu">
    <ul>
        <li><a href="link1">MENU1</a>
            <ul>
                <li><a href="link1">submenu1</a>
                    <ul>
                        <li><a href="link1">submenu1</a>
                            <ul>
                                <li><a href="link1">submenu1</a>
                                    <ul>
                                        <li><a href="link1">submenu1</a>
                                            <ul>
                                                <li><a href="link1">submenu1</a></li>
                                                <li><a href="link2">submenu2</a></li>
                                                <li><a href="link3">submenu3</a></li>
                                                <li><a href="link4">submenu4</a></li>
                                                <li><a href="link5">submenu5</a></li>
                                                <li><a href="link6">submenu6</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="link2">submenu2</a>
                                            <ul>
                                                <li><a href="link1">submenu1</a></li>
                                                <li><a href="link2">submenu2</a></li>
                                                <li><a href="link3">submenu3</a></li>
                                                <li><a href="link4">submenu4</a></li>
                                                <li><a href="link5">submenu5</a></li>
                                                <li><a href="link6">submenu6</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="link3">submenu3</a>
                                            <ul>
                                                <li><a href="link1">submenu1</a></li>
                                                <li><a href="link2">submenu2</a></li>
                                                <li><a href="link3">submenu3</a></li>
                                                <li><a href="link4">submenu4</a></li>
                                                <li><a href="link5">submenu5</a></li>
                                                <li><a href="link6">submenu6</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="link4">submenu4</a></li>
                                        <li><a href="link5">submenu5</a></li>
                                        <li><a href="link6">submenu6</a></li>
                                    </ul>
                                </li>
                                <li><a href="link2">submenu2</a></li>
                                <li><a href="link3">submenu3</a></li>
                                <li><a href="link4">submenu4</a></li>
                                <li><a href="link5">submenu5</a></li>
                                <li><a href="link6">submenu6</a></li>
                            </ul>
                        </li>
                        <li><a href="link2">submenu2</a></li>
                        <li><a href="link3">submenu3</a></li>
                        <li><a href="link4">submenu4</a></li>
                        <li><a href="link5">submenu5</a></li>
                        <li><a href="link6">submenu6</a></li>
                    </ul>
                </li>
                <li><a href="link2">submenu2</a></li>
                <li><a href="link3">submenu3</a></li>
                <li><a href="link4">submenu4</a></li>
                <li><a href="link5">submenu5</a></li>
                <li><a href="link6">submenu6</a></li>
            </ul>
        </li>
        <li><a href="link2">MENU2</a>
            <ul>
                <li><a href="link1">submenu1</a>
                    <ul>
                        <li><a href="link1">submenu1</a>
                            <ul>
                                <li><a href="link1">submenu1</a></li>
                                <li><a href="link2">submenu2</a></li>
                                <li><a href="link3">submenu3</a></li>
                                <li><a href="link4">submenu4</a></li>
                                <li><a href="link5">submenu5</a></li>
                                <li><a href="link6">submenu6</a></li>
                            </ul>
                        </li>
                        <li><a href="link2">submenu2</a></li>
                        <li><a href="link3">submenu3</a></li>
                        <li><a href="link4">submenu4</a></li>
                        <li><a href="link5">submenu5</a></li>
                        <li><a href="link6">submenu6</a></li>
                    </ul>
                </li>
                <li><a href="link2">submenu2</a></li>
                <li><a href="link3">submenu3</a></li>
                <li><a href="link4">submenu4</a></li>
                <li><a href="link5">submenu5</a></li>
                <li><a href="link6">submenu6</a></li>
            </ul>
        </li>
        <li><a href="link3">MENU3</a></li>
        <li><a href="link4">MENU4</a></li>
        <li><a href="link5">MENU5</a></li>
        <li><a href="link6">MENU6</a></li>
    </ul>
    <div style="clear: both"></div>
</div>
<div style="text-align:center;clear:both">
    <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
    <p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
</div>

</body>
</html>